<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>作业结果</title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
<!-- top bar -->
<header class="bar bar-nav">
    <a class="button button-link button-nav pull-left goBack" th:href="@{/mobile/uc/operation/operationInfo?taskId={taskId}(taskId=${examRecord['id']})}">
        <span class="iconfont icon-fanhui"></span>
    </a>
    <h1 class="title">作业结果</h1>
</header>
<!-- top bar end-->

<div class="content wm-content of">
    <article class="operation-result">
        <div class="page-group">
            <div id="page-infinite-scroll-bottom" class="page page-current">
                <div class="content infinite-scroll native-scroll record_wrap" data-type='native' data-distance="100">
                    <div class="pl75 pr75 mt5 mb5">
                        <section class="pt5"><span class="fs6 c-ccc">作业得分</span></section>
                        <div class="text-center pt5">
                            <section class="pt5">
                                <strong class="c-e2" style="font-size: 2.2rem" th:text="${examRecord['userScore']}">0</strong>
                                <span class="fs8 c-e2">分</span>
                            </section>
                        </div>
                        <div class="text-center">
                            <span class="fs6 c-e2">本次作业你只比同班第一名少</span>
                            <b class="fs7 c-e2" th:if="!${#strings.isEmpty(score)}" th:text="${score}">0</b>
                            <b class="fs7 c-e2" th:if="${#strings.isEmpty(score)}" >0</b>
                            <span class="fs6 c-e2">分</span>
                        </div>
                        <div class="pt5 mt5 pl75 pr75">
                            <div class="row">
                                <section class="col-100">
                                    <a th:href="@{/mobile/uc/operation/lookTaskParsing?examRecordId={examRecordId}(examRecordId=${examRecord['id']})}" class="button button-round button-big button-fill button-white">查看解析</a>
                                </section>
                                <!--<section class="col-50">-->
                                    <!--<a href="#" class="button button-round button-big button-fill button-white">作业扩散</a>-->
                                <!--</section>-->
                            </div>
                        </div>
                        <div class="pt5 mt5">
                            <div class="wm-whiteBox u-exercises-record-bx">
                                <div class="pb5 mb5">
                                    <div class="card-footer" style="padding-left: 0;padding-right: 0;">
                                        <strong class="fs7 c-333">练习详情</strong>
                                        <aside>
                                            <span class="c-888 fs6">
                                                <em class="fs7 c-green icon-yuan iconfont"></em>正确
                                            </span>
                                            <span class="c-888 fs6">
                                                <em class="icon-halfRight b-halfRight vam"></em>半对
                                            </span>
                                            <span class="c-888 fs6">
                                                <em class="fs7 c-red icon-yuan iconfont"></em>错误\未答
                                            </span>
                                        </aside>
                                    </div>
                                    <div>
                                        <div class="ml5 mr5 pb5 mb5">
                                            <section>
                                                <th:block th:each="card : ${cardMap['cardDataList']}">
                                                    <aside th:attrappend="data-index=${card['orderlyIndex']},data-status=${examRecord['status']},data-state=${card['scoreState']},data-record=${examRecord['id']},data-question=${card['questionId']},data-id=${card['questionRecordId']}" class="exam-option-bx">
                                                        <span class="resultPage" th:text="${card['orderlyIndex']}"></span>
                                                    </aside>
                                                </th:block>
                                            </section>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </article>
</div>
<div data-th-replace="layout/footer"></div>
<script type="text/javascript" th:src="@{{path}/front/mobile/business/user/center/operation/operation-result.js?v={v}(path=${staticPath},v=${v})}" charset="utf-8"></script>
</body>
</html>